 <div class="pswp" tabindex="-1" role="dialog" aria-hidden="false">
  <div class="pswp__bg"></div>
  <div class="header photo-news-header" *ngIf="newsInfo&&!fade">
    <i class="back-icon" (click)="_location.back()"></i>
    <div class="header-right">
      <p *ngIf="newsInfo?.commentCount>0" (click)="goToComment()">
        <i class="comment-icon"></i>
        <span>{{newsInfo.commentCount>99 ? '99+' : newsInfo.commentCount}}</span>
      </p>
      <img [src]="newsInfo?.authorImageUrl"
           seed-load-img
           class="{{newsInfo?.authorImageUrl}}"
           [routerLink]="['/',newsInfo?.userId]"
      >
    </div>
  </div>
  <div class="introduce" *ngIf="news&&!fade">
     <div class="content">
        <em class="total">{{currentIndex+1}}</em>/<span class="current">{{news?.length}}</span> {{news[currentIndex]?.content}}
     </div>
  </div>
  <div class="pswp__scroll-wrap">
    <div class="pswp__container">
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
    </div>
    <div class="pswp__ui pswp__ui--hidden">

      <div class="pswp__top-bar " style="display:none;">
        <div class="pswp__counter" style="display:none;"></div>
        <div class="pswp__preloader">
          <div class="pswp__preloader__icn">
            <div class="pswp__preloader__cut">
              <div class="pswp__preloader__donut"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
        <div class="pswp__share-tooltip"></div>
      </div>
      <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
      </button>
      <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
      </button>
      <div class="pswp__caption">
        <div class="pswp__caption__center"></div>
      </div>
    </div>
  </div>
</div>
 <a id="recommendEntry" (click)="goToRecommendNew()"></a>
